<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="/common/include/pc_include.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>艺好学，为孩子找最好的艺术老师</title>
<meta name="keywords" content="艺好学、艺术老师、儿童美育、找名师、家教" />
<meta name="description" content="“艺好学” (www. yihaoxue.net )咨询热线：400－696-8787， 为3－17岁孩子找到最适合他们的艺术老师，中国最好最专业的针对k12年龄段找艺术老师的平台。艺好学，让艺术更好学！" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="http://www.artseasy.cn/common/css/bootstrap.min.css">

<style>
html{height:100%;}
body{height:100%;
background-color:#3c3832;font-family:"微软雅黑"; line-height:1.4;padding-bottom:25px
}
p{margin-bottom:20px}
.container{max-width:1024px;}   
.teacherDataText{color:#fff} 
.teacherline-row{border-bottom:1px solid #121212;border-top:1px solid #121212;padding:15px 0}
.teacherDatatitle{font-size:16px;color:#fff;height:88px;line-height:88px} 
.teacherDatatitle span{border-left:5px solid #fcc300;text-indent:5px;font-size:16px}
.teacherDataTop{background-color:#2b2621;color:#fff;}
.teacherDataTop h1{font-size:18px;height:88px;line-height:88px;margin:0;padding:0;text-align:center;position:relative;}
.teacherDataTop h1 span{position:absolute;top:35px;left:0;display: inline-block;  
            font-size: 0;  
            border-top: 3px solid #fff;  
            border-left: 3px solid #fff;  
            width: 14px;  
            height: 14px;  
            background-color:#2b2621; 
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);		/* IE 9 */
-webkit-transform: rotate(-45deg);	/* Safari and Chrome */
-o-transform: rotate(-45deg);		/* Opera */
-moz-transform: rotate(-45deg);	}
.teacherDataBitIco{text-align:right;margin-top:30px}
.teacherDataBitIco img{width:25px;margin-left:10px}
.teacherDataText p{font-size:14px;text-align:justify;color:#c8c9ca}
@media (max-width: 768px){
.teacherDatatitle,.teacherDataTop h1 {
 	 height:44px;line-height:44px 
}
.teacherDataTop h1 span{top:15px;width: 14px; height: 14px;}
.teacherDataBitIco{margin-top:12px}
.teacherDataBitIco img{width:20px;margin-left:5px}

}
</style>
</head>
<body>
	<div class="container">	
	    <div class="row" >
	    	<div class="col-xs-5">
	    		<div class="teacherDatatitle" ><span>&nbsp;&nbsp;${user.realname}老师</span></div>
	    	</div>
	    	<div class="col-xs-7 teacherDataBitIco"><img src="http://www.artseasy.cn/common/img/bitIcon.png" /><img src="http://www.artseasy.cn/common/img/bitIcon.png" /><img src="http://www.artseasy.cn/common/img/bitIcon.png" /><img src="http://www.artseasy.cn/common/img/bitIcon.png" /><img src="http://www.artseasy.cn/common/img/bitIcon.png" /></div>
	    </div>
		<div class="row teacherline-row">
		  <div class="col-xs-12 teacherDataText">
		  	<p>简介：<br/>
${user.introduce}
</p>
		  </div>
		</div>		 
	</div>
</body>
</html>